<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
<!--框架必需start-->
<script type="text/javascript" src="../../libs/js/jquery.js"></script>
<script type="text/javascript" src="../../libs/js/language/cn.js"></script>
<script type="text/javascript" src="../../libs/js/framework.js"></script>
<link href="../../libs/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="../../"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->

<!--单图区域放大start-->
<script type="text/javascript" src="../../libs/js/pic/imgZoom.js"></script>
<!--单图区域放大end-->
<style type="text/css">
	.imgZoom img{
		width: 200px;
		height: 136px;
	}
</style>
</head>
<body>
  <div class="page_content">


	<div class="groupTitle"><span>1、基本使用</span></div>
   
   <a href="../../libs/images/demo/gallery/1.jpg" class="imgZoom" > 
		<img src="../../libs/images/demo/gallery/1.jpg"> 
	</a> 

  <div class="height_15"></div>
  


	<div class="groupTitle"><span>2、自定义放大区域尺寸</span></div>
   
  <a href="../../libs/images/demo/gallery/2.jpg" class="imgZoom" zoomWidth="350" zoomHeight="250" > 
		<img src="../../libs/images/demo/gallery/2.jpg"> 
	</a>

  <div class="height_15"></div>
  


	<div class="groupTitle"><span>3、遮罩模式</span></div>
   
   <a href="../../libs/images/demo/gallery/6.jpg" class="imgZoom" zoomType="reverse"> 
		<img src="../../libs/images/demo/gallery/6.jpg"> 
	</a> 

  <div class="height_15"></div>
  
  </div>
</body>
</html>